<? session_start(); ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aldeas Infantiles | Administrar Inventario</title>
    <?php
      include('includes/header.php');
    ?>
    <script src="js/inventory-admin.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      var elements = $('#menu-nav').find('li');
      $(elements[4]).addClass('active');
    });
    </script>
  </head>

<body>
  <div id="wrapper">
    <div id="page-wrapper"  class="container">
        <?php
          include('includes/nav.php');
        ?>
        <form class="form-horizontal" role="form" id="form-edit-inventory">
          <h4>Editar Art&iacute;culos <span class="glyphicon glyphicon-cutlery"></span></h4>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-inventory-search" class="col-sm-2 control-label">Buscar:</label>
            </div>
            <div class="col-xs-4">
              <a href="#"><span class="glyphicon glyphicon-search"></span> Buscar</a>
            </div>
          </div>
        <div class="accordion" id="accordion1">
          <div class="accordion-group">
            <div class="accordion-heading"> 
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"><h4>Detalles del art&iacute;culo</h4></a> 
            </div>
            <div id="collapseOne" class="accordion-body collapse">
              <div class="accordion-inner">

                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-serial" class="col-sm-2 control-label">Serie:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-inventory-serial" placeholder="Serie" title="Escriba el n&uacute;mero de serie" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-model" class="col-sm-2 control-label">Modelo:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-inventory-model" placeholder="Modelo" title="Escriba el modelo" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-plaque" class="col-sm-2 control-label">Placa:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-inventory-plaque" placeholder="Placa" title="Escriba el n&uacute;mero de placa" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-country" class="col-sm-2 control-label">Pa&iacute;s:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-inventory-country" title="Seleccione el pa&iacute;s de la casa">
                      <option>Costa Rica</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-dorp" class="col-sm-2 control-label">Programa:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-inventory-dorp" title="Seleccione el programa">
                      <option>Programa 1</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-house" class="col-sm-2 control-label">Ubicaci&oacute;n:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-inventory-house" title="Seleccione la ubicaci&oacute;n">
                      <option>Ubicaci&oacute;n 1</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-type" class="col-sm-2 control-label">Tipo:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-inventory-type" title="Seleccione el tipo">
                      <option>Tipo 1</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-status" class="col-sm-2 control-label">Estado:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-inventory-status" title="Seleccione el estado">
                      <option>Activo</option>
                      <option>Desecho</option>
                      <option>Reparaci&oacute;n</option>
                      <option>Prestao</option>
                      <option>Extraviado</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-description" class="col-sm-2 control-label">Descripci&oacute;n:</label>
                  </div>
                  <div class="col-xs-4">
                    <textarea rows="2" cols="30" id="add-inventory-description" title="Descripci&oacute;n">
                    </textarea>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-features" class="col-sm-2 control-label">Caracter&iacute;sticas:</label>
                  </div>
                  <div class="col-xs-4">
                    <textarea rows="2" cols="30" id="add-inventory-features" title="Caracter&iacute;sticas">
                    </textarea>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-comments" class="col-sm-2 control-label">Comentarios:</label>
                  </div>
                  <div class="col-xs-4">
                    <textarea rows="2" cols="30" id="add-inventory-comments" title="Comentarios">
                    </textarea>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-image" class="col-sm-2 control-label">Im&aacute;gen:</label>
                  </div>
                  <div class="col-xs-4">
                    <input class="form-control" type="file" name="add-inventory-image" accept="image/jpeg, image/png" title="Im&aacute;gen">
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-date" class="col-sm-10 control-label">Fecha de ingreso:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-inventory-date" title="Fecha de ingreso" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-life" class="col-sm-10 control-label">Vida &uacute;til:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-inventory-life" placeholder="Vida &uacute;til" title="Vida &uacute;til" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-inventory-donation" class="col-sm-2 control-label">Donaci&oacute;n:</label>
                  </div>
                  <div class="col-xs-1">
                    <input type="checkbox" class="form-control" id="add-inventory-donation" value="Donaci&oacute;n" checked>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>

        <div class="accordion" id="accordion2">
          <div class="accordion-group">
            <div class="accordion-heading"> 
              <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"><h4>Compra del art&iacute;culo</h4></a> 
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
              <div class="accordion-inner">
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-payment-type" class="col-sm-8 control-label">Tipo de pago:</label>
                  </div>
                  <div class="col-xs-4">
                    <select class="form-control" id="add-payment-type" title="Tipo de pago">
                      <option>Tarjeta</option>
                      <option>Transferencia</option>
                      <option>Cheque</option>
                      <option>Efectivo</option>
                    </select>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-payment-number" class="col-sm-10 control-label">N&uacute;mero de pago:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-payment-number" placeholder="N&uacute;mero de pago" title="N&uacute;mero de pago" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-payment-provider" class="col-sm-2 control-label">Proveedor:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-payment-provider" placeholder="Proveedor" title="Proveedor" required>
                  </div>
                </div>
                <div class="row">
                  <div class="col-xs-4">
                    <label for="add-payment-invoice" class="col-sm-10 control-label">N&uacute;mero de factura:</label>
                  </div>
                  <div class="col-xs-4">
                    <input type="text" class="form-control" id="add-payment-invoice" placeholder="N&uacute;mero de factura" title="N&uacute;mero de factura" required>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-4">
          </div>
          <div class="col-xs-4">
            <button type="reset" class="btn btn-default" title="Cancelar cambios">Cancelar</button>
            <button type="submit" class="btn btn-primary" title="Guardar cambios">Guardar</button>
          </div>
        </div>
        </form>
        <?php
          include('includes/footer.php');
        ?>
    </div>
  </div>
</body>
</html>